<template>
  <div class="vm-requireInfo-container">
    <vm-common-header
    :pageTitle="pageTitle"
    :goBack="goBack"></vm-common-header>
    <vm-common-search-view
      :type="'requirePage'"
      :screen="true"
      v-on:vmSearchV="vmSearchV"></vm-common-search-view>
    <vm-require-list></vm-require-list>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
import vmCommonHeader from '@/components/vm-common-header.vue'
import vmCommonSearchView from '@/components/vm-common-search-view.vue'
import vmRequireList from '@/page/requireInfo/require-list.vue'
import { getVmIndexRequireData } from '@/api/index.js'
export default {
  data () {
    return {
      pageTitle: this.$route.meta.pageTitle,
      goBack: this.$route.meta.goBack,
      projectAllLoaded: false,
      projectListData: []
    }
  },
  created () {},
  mounted () {},
  components: {
    'vm-common-header': vmCommonHeader,
    'vm-common-search-view': vmCommonSearchView,
    'vm-require-list': vmRequireList
  },
  methods: {
    scrollFn() {
      this.$nextTick(() => {
        if (!this.scroll) {
          this.scroll = new BScroll(this.$refs.warpper, {
            click: true,   //是否派发click事件
          });
        } else {
          this.scroll.refresh();
        }
      })
    },
    vmSearchV (value) {

    }
  }
}
</script>

<style scoped lang="scss">
.vm-requireInfo-container {
  height: 100%;
  .vm-common-item-list {
    height: calc( 100% - 120px );
    background-color: #fff;
    margin-top: 20px;
    overflow: scroll;
    .content {
      height: 100%;
    }
  }
}
</style>
